<template>
  <div class="main-wrapper" style="margin: 30px">
    <HomeMainLeftSide/>
    <div class="popular-books">
      <div class="main-menu">
        <div class="genre">Popular by Story</div>
      </div>
      <router-view/>
    </div>
  </div>
</template>

<script>
import HomeMainLeftSide from "@/components/home/HomeMainLeftSide"
import HomeMainRightSide from "@/components/home/HomeMainRightSide"

export default {
  name: "HomeMain",
  components:{
    HomeMainLeftSide,
    HomeMainRightSide
  }
}
</script>

<style scoped>
.main-wrapper{
  margin-top: 50px;
}
</style>
